<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{popup_init}</title>
<meta name="generator" content="DocBook XSL Stylesheets V1.75.1">
<link rel="home" href="index.html" title="Smarty マニュアル">
<link rel="up" href="language.custom.functions.html" title="Chapter 8. カスタム関数">
<link rel="prev" href="language.function.popup.html" title="{popup}">
<link rel="next" href="language.function.textformat.html" title="{textformat}">
</head>
<body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
<div class="navheader">
<table width="100%" summary="Navigation header">
<tr><th colspan="3" align="center">{popup_init}</th></tr>
<tr>
<td width="20%" align="left">
<a accesskey="p" href="language.function.popup.html">Prev</a> </td>
<th width="60%" align="center">Chapter 8. カスタム関数</th>
<td width="20%" align="right"> <a accesskey="n" href="language.function.textformat.html">Next</a>
</td>
</tr>
</table>
<hr>
</div>
<div class="sect1" title="{popup_init}">
<div class="titlepage"><div><div><h2 class="title" style="clear: both">
<a name="language.function.popup.init"></a>{popup_init}</h2></div></div></div>
<p>
  <a class="link" href="language.function.popup.html" title="{popup}"><code class="varname">{popup}</code></a>
  は、ポップアップウィンドウ用のライブラリである
  <a class="ulink" href="http://www.bosrup.com/web/overlib/" target="_top">overLib</a> と統合しています。
  これは、ヘルプウィンドウやツールチップといった状況依存の情報を表示するために使用します。
  </p>
<div class="itemizedlist"><ul class="itemizedlist" type="disc">
<li class="listitem"><p>
  <code class="varname">{popup_init}</code> は、<a class="link" href="language.function.popup.html" title="{popup}">
 <code class="varname">{popup}</code></a> 関数を使用する予定のページ内で
  <span class="emphasis"><em>一度だけ</em></span> 呼び出す必要があります。呼び出す場所としては
  <code class="literal">&lt;head&gt;</code> タグの中がお勧めです。
 </p></li>
<li class="listitem"><p>
 パスは、実行するスクリプトの場所からの相対パスか、あるいは完全修飾形式のパスとなります。
 テンプレートからの相対パスではありません。
</p></li>
<li class="listitem"><p>
  <a class="ulink" href="http://www.bosrup.com/web/overlib/" target="_top">overLib</a> の作者は
  Erik Bosrup で、ホームページ/ダウンロード先は
  <a class="ulink" href="http://www.bosrup.com/web/overlib/" target="_top">http://www.bosrup.com/web/overlib/</a> です。
 </p></li>
</ul></div>
<div class="example">
<a name="id2806522"></a><p class="title"><b>Example 8.26. {popup_init}</b></p>
<div class="example-contents"><pre class="programlisting">

&lt;head&gt;
{* popup_init は、ページの先頭で一度だけ呼ばれる必要があります。 *}
{popup_init src='javascripts/overlib/overlib.js'}

{* 完全修飾形式の url の例 *}
{popup_init src='http://myserver.org/my_js_libs/overlib/overlib.js'}
&lt;/head&gt;

// 最初の例の出力
&lt;head&gt;
&lt;div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"&gt;&lt;/div&gt;
&lt;script type="text/javascript" language="JavaScript" src="javascripts/overlib/overlib.js"&gt;&lt;/script&gt;
&lt;/head&gt;

</pre></div>
</div>
<br class="example-break"><div class="note" title="XHTML の検証" style="margin-left: 0.5in; margin-right: 0.5in;">
<h3 class="title">XHTML の検証</h3>
<p><code class="literal">{popup_init}</code> は
strict な検証を行いません。strict で検証すると
<code class="literal">document type does not allow element "div" here;</code>
というエラーが出るでしょう
(<code class="literal">&lt;div&gt;</code> タグを <code class="literal">&lt;head&gt;</code>
の中で使用しているからです)。

つまり、<code class="literal">&lt;script&gt;</code> タグと
<code class="literal">&lt;div&gt;</code> タグを手動で追加する必要があります。
</p>
</div>
</div>
<div class="navfooter">
<hr>
<table width="100%" summary="Navigation footer">
<tr>
<td width="40%" align="left">
<a accesskey="p" href="language.function.popup.html">Prev</a> </td>
<td width="20%" align="center"><a accesskey="u" href="language.custom.functions.html">Up</a></td>
<td width="40%" align="right"> <a accesskey="n" href="language.function.textformat.html">Next</a>
</td>
</tr>
<tr>
<td width="40%" align="left" valign="top">{popup} </td>
<td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td>
<td width="40%" align="right" valign="top"> {textformat}</td>
</tr>
</table>
</div>
</body>
</html>
